<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
    
    </h:head>
    <h:body>
         <div id="col-top"></div>
         <div id="col" >
             
             <p:dataTable   paginatorPosition="bottom" rowKey="#{comp.idtabla}" selection="#{beancontroler_.selectedcitas}"  selectionMode="single" style="width:600px;margin-left: 16%;" id="dataTable" var="comp" value="#{beancontroler_.listacitas}"  
                 paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">  
            <p:ajax event="rowSelect"   update="@none"  oncomplete="updateContent()"   listener="#{beancontroler_.loadcitasform()}"/>
        <f:facet name="header">  
       Listado de Citas
        </f:facet>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Fecha Cita" />  
            </f:facet>  
            <h:outputText value="#{comp.fechacita}" />  
        </p:column>  
  
             <p:column>  
            <f:facet name="header">  
                <h:outputText value="De" />  
            </f:facet>  
                 <h:outputText value="#{comp.horacitaini}" >  
                     
                 </h:outputText>
        </p:column> 
             <p:column>  
            <f:facet name="header">  
                <h:outputText value="A" />  
            </f:facet>  
                 <h:outputText value="#{comp.horacitafin}" >  
                     
                 </h:outputText>
        </p:column> 
            
            
             <p:column>  
            <f:facet name="header">  
                <h:outputText value="Estilista" />  
            </f:facet>  
                 <h:outputText value="#{comp.nombreestilista}" >  
                     
                 </h:outputText>
        </p:column> 
            
             <p:column>  
            <f:facet name="header">  
                <h:outputText value="Cliente" />  
            </f:facet>  
                 <h:outputText value="#{comp.cliente}" >  
                     
                 </h:outputText>
        </p:column> 
    </p:dataTable>  
             <br/><br/>
             <p:commandLink ajax="false" action="#{beancontroler_.nuevacitas()}" value="Nueva Cita"/>
        
             
             
             
             
             
             </div> <!-- /col -->
    <div id="col-bottom"></div>    
        
    </h:body>
</html>
